"use client";

import React from "react";
import { useLanguage } from "~/lib/LanguageContext";
import Link from "next/link";
import { FooterCards } from "./footer-cards";

export function Footer() {
  const { language } = useLanguage();
  const currentYear = new Date().getFullYear();
  
  return (
    <footer className="mt-auto border-t border-black/5 py-4 dark:border-white/5 bg-gradient-to-b from-transparent to-slate-50/50 dark:to-slate-900/50 backdrop-blur-sm">
      {/* Feature Cards Section */}
      <FooterCards />
      
      {/* Copyright Section */}
      <div className="container mx-auto flex h-8 max-w-4xl items-center justify-center gap-6 mt-2 pt-2 border-t border-black/5 dark:border-white/5">
        <span className="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors">
          © {currentYear} CodeMariner
        </span>
      </div>
    </footer>
  );
}
